import { useLocale } from 'antd/es/locale';
import { createSearchParams, withRouter, useSearchParams, useLocation } from 'umi'

const ProfilePage = (porps) => {
  console.log(porps);

  // 接收通过问号传参方式在路由上传入的参数
  // JS原生方法接收问号传参参数
  // const usp = new URLSearchParams(porps.location.search);
  // umi提供的createSearchParams方法接收search参数
  // const usp = createSearchParams(porps.location.search);
  // umi提供的useSearchParams方法接收search参数
  const [usp] = useSearchParams();
  const name = usp.get('name');
  const age = usp.get('age');

  // 接收通过路由跳转隐式传参的参数
  // 使用withRouter和props接收
  console.log(porps.location.state);
  // 使用useLocation函数接收
  const location = useLocation();
  console.log(location.state);
  
  return (
    <div>
      <h1>我的信息</h1>
      {name && <p>姓名：{name}</p>}
      {age && <p>年龄：{age}</p>}
    </div>
  );
};

export default withRouter(ProfilePage);
